/**
 * VUEshop
 * ============================================================================
 * * 版权所有 2015-2027 深圳搜豹网络科技有限公司，并保留所有权利。
 * 网站地址: http://www.vueshop.com.cn
 * ----------------------------------------------------------------------------
 * 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用 .
 * 不允许对程序代码以任何形式任何目的的再发布。
 * ============================================================================
 * $Author: soubao-java 2020-07-22 $
 */<template>
	<div>
		<div>
			<div class="fixed-bar">
				<div class="item-title">
					<div class="subject">
						<h3>个人中心设置</h3>
						<h5>只能用于app</h5>
					</div>
				</div>
			</div>
			<el-table :data="menuList" style="width: 30%" border>
				<el-table-column prop="default_name" label="默认名称" width="180">
				</el-table-column>
				<el-table-column label="菜单" width="180">
					<template slot-scope="scope">
						<el-input v-model="scope.row.menu_name" placeholder="请输入内容" size="small"></el-input>
					</template>
				</el-table-column>
				<el-table-column label="隐藏/显示">
					<template slot-scope="scope">
						<el-switch v-model="scope.row.is_show"  @change="update(scope)">
						</el-switch>
					</template>
				</el-table-column>
			</el-table>
		</div>
	</div>
</template>

<script>
	import {
		getMenus,updateMenu
	} from "@/utils/api";
	export default {
		data() {
			return {
				menuList: [],
			};
		},
		created() {
			this.getMenu();
		},
		components: {},
		methods: {
			getMenu() {
				var that = this;
				getMenus().then(function(res) {
					that.menuList = res;
				});
			},
			update(scope) {
			  updateMenu(scope.row).then(function(res) {
			    console.log(res.msg);
			  });
			},
		}
	};
</script>

<style scoped>
	>>>.el-input__inner {
		width: 150px;
	}
	
</style>
